<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>detail page</title>
    <link rel="stylesheet" href="/static/css/editormd.css"/>
    <link rel="stylesheet" href="/static/css/my_detail.css"/>
    <link href="/static/css/element.css" rel="stylesheet">
    <link href="/static/css/base.css" rel="stylesheet">
    <link rel="icon" href="\static\images\mini_icon.png" sizes="20x20">
    <style>
        html,body {
            margin: 0;
            height: 100%;
        }
    </style>
</head>
<body style=" text-align:center">
<div id="app1" style="width: 70%; margin-left:auto;">
    <el-container style="height: 100%; min-width: 1000px; min-height: 600px; margin:-left:auto;">
        <el-header style="height: 50px; vertical-align: middle;">
            <el-page-header v-if="show_header==true" content="详情页面" style="height: 100%; vertical-align: middle; line-height: 50px;" @back="return_ref()">
            </el-page-header>

            <div v-if="show_header==false" content="Candy Mini Blog" style="height: 100%; vertical-align: middle; line-height: 50px; text-align:left;">
            {{ username }} Mini Blog
            </div>
        </el-header>
<!--        <br>-->
        <el-container style="height: 10%;">
            <el-aside width="1px" style="height: 100%;">

            </el-aside>
            <el-container style="height: 100%;">

<!--                <el-header>标题等信息</el-header>-->
<!--                <h3 style="height: 3%; margin: 0; text-align: center;">标题</h3>-->
                <div style="height: 9%;">
                    <span style="text-align:left; font-size: 15px;"><a href="www.baidu.com" style="text-decoration:none !important; color:Black !important;" id="title">头上一片晴天，心中一个想念</a></span>
                    <el-divider content-position="right" id="author">from: {{ author }}</el-divider>

                </div>

<!--                    主要内容-->
                    <div id="show-editor" style="height: 100%;">
                        <textarea id="message" name="message"></textarea>
                    </div>
<!--                </el-main>-->
                <el-footer style="height: 1%;">
                    <el-button-group>
                        <el-button type="primary" icon="el-icon-edit" @click="editor_again()"></el-button>
                        <el-button type="info" icon="el-icon-share" @click="share()"></el-button>
                        <el-button type="danger" icon="el-icon-delete" @click="delete_()"></el-button>
                    </el-button-group>
                </el-footer>
            </el-container>
            <el-aside width="300px">
                <el-container>
                    <el-header>
                        相关推荐
                        <el-button type="info" icon="el-icon-refresh" circle :size="10" @click="show()"></el-button>
                    </el-header>
<!--                    <el-main>推荐列表</el-main>-->
                    <el-main style="background-color:#C0C4CC">
                        <el-card class="box-card" style="width: 110%; margin-left: -15px;">
                            <div v-for="o in a" :key="o" class="text item" @click="add(o.aid, o.a_type)" style="height: 40px; line-height: 40px; text-align: left; margin-bottom: 3px;">
                                {{ o.title }}
                            </div>

                        </el-card>
                    </el-main>

                </el-container>
            </el-aside>
        </el-container>
        <hr>
        <el-footer style="background-color: white"></el-footer>
    </el-container>
</div>
<script src="/static/js/jquery.js"></script>
<script src="/static/js/vue.js"></script>
<!-- 引入组件库 -->
<script src="/static/js/element.js"></script>
<script src="/static/js/editormd.js"></script>
<script src="/static/lib/marked.min.js"></script>
<script src="/static/lib/prettify.min.js"></script>
<script src="/static/lib/raphael.min.js"></script>
<script src="/static/lib/underscore.min.js"></script>
<script src="/static/lib/sequence-diagram.min.js"></script>
<script src="/static/lib/flowchart.min.js"></script>
<script src="/static/lib/jquery.flowchart.min.js"></script>
<!--<script src="/static/js/my_detail.js"></script>-->
<script src="/static/js/new_detail.js"></script>
<!--<script src="/static/js/dongtai.js"></script>-->
</body>
</html>